<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<s:if test="#session.categoryInSession != null">
	<jsp:include page="subCategories.jsp">
		<jsp:param name="option" value="1" />
	</jsp:include>
</s:if>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td>
			<div class="blue-text16" style="margin: 0px 0px 0px 0px">
				<s:text name="featured_auction_title" />
			</div>
			<div class="header-separator-bg" style="margin: 10px 5px 17px 0px"></div>

		<s:iterator value="featuredItems" status="row">
			<s:set value="'violet-sub-header-text'" var="txtClass" />
			<s:set value="'light-blue-bg'" var="bgClass" />

			<s:if test="#row.even">
				<s:set value="'grey-sub-header-text'" var="txtClass" />
				<s:set value="'light-gold-bg'" var="bgClass" />
			</s:if>
			<div style="margin: 0px 0px 12px 0px">
				<div style="margin: 0px;">
					<a href="showItem.htm?cid=<s:property value="itemId" />" class="<s:property value="#txtClass" />"><s:property value="title" /></a>
				</div>

				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tbody>
						<tr>
							<td class="<s:property value="#bgClass" />">
								<div style="margin: 10px 10px 12px;">
									<table border="0" cellpadding="0" cellspacing="0" width="100%">
										<tbody>
											<tr>
												<td valign="top" width="80">
													<div style="margin: 0px 5px 0px 0px;">
														<s:if test="image != null">
															<img src="servlet/ImageServlet?dto=ItemsDTO&id=<s:property value="itemId" />" alt=" " width="80" height="80" class="product-border" />
														</s:if>
														<s:else>
															<img src="<%=request.getContextPath()%>/images/no_image.gif" alt=" " width="80" height="80" class="product-border" />
														</s:else>
													</div>
												</td>
												<td valign="top">
													<table border="0" cellpadding="0" cellspacing="0"
														width="100%">
														<tbody>
															<tr>
																<td valign="top" width="32%">
																	<div style="margin: 0px;" class="grey-border-right">
																		<div class="blue-text12bold"
																			style="margin: 0px 0px 5px;">

																			<s:text name="lable.location" />
																			<span class="common-text-black"><s:property value="locationCategoriesByCountry.categoryName" /></span>
																		</div>
																		<div class="blue-text12bold"
																			style="margin: 0px 0px 5px;">
																			<s:text name="lable.timeleft" />
																			<span class="common-text-black"><s:date name="endTime" format="%{getText('struts.date.format.days')}" nice="true" /></span>
																		</div>
																		<div class="blue-text12bold"
																			style="margin: 0px 0px 15px;">
																			<s:text name="lable.price" />
																			<span class="red-text12bold"><s:property value="currency.currency" /> <s:property value="startBid" /></span>

																		</div>
																	</div>
																</td>
																<td valign="top" width="68%">
																	<div class="common-text11"
																		style="margin: 0px 0px 0px 13px;">
																		<s:property value="description" escape="false" />
																	</div>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</tbody>
									</table>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</s:iterator>
		</td>
	</tr>
</table>